// 负责管理使用的自定义指令
export const imagerror = {
// 指令对象 会再当前dom元素插入到节点之后执行
  inserted (dom, options) {
    // options 是指令中的变量的解释 其中有一个属性叫做vlue
  // dom表示当前指令作用的dom对象
  // dom认为此时就是图片
    dom.src = dom.src || options.value // 初始化有值则赋值 如果没有值则需要进行默认赋值
    // 当图片有地址 但是地址没有加载成功的时候i会报错 会触发图片的一个事件 => onerror
    dom.onerror = function () {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
    // dom可以注册error事件
      dom.src = options.value // 这里不能写死
    }
  },
  // 该函数同inserted 一样也是钩子函数
  componentUpdated (dom, options) {
    //  该钩子函数会在当前指令作用的组件 更新数据完毕之后执行
    // inserted 只会执行一次 组件初始化 一旦更新就会进入 inserted函数
    dom.src = dom.src || options.value
  }
}

